我的脚本有一些问题。所以，我想检测滚动Action的结束。当我滚动时我有我的警报但如果我结束它则不会。你能帮助我吗？这是我的代码:varanimatable=$('body,html');varanimating=false;animatable.animate({scrollTop:$('#foo').offset()})$(window).scroll(function(e){if(!animating){animatable.stop(false,true);alert('stopscrolling');}animating=false;});​和一些fiddle:http://

可以使用Window.Onscroll方法来检测滚动方向吗？ 最佳答案 如果你在页面加载时和每次滚动事件发生时记录scrollX和scrollY，那么你可以将以前的值与新值进行比较，以了解你滚动的方向。这是一个概念证明:functionscrollFunc(e){if(typeofscrollFunc.x=='undefined'){scrollFunc.x=window.pageXOffset;scrollFunc.y=window.pageYOffset;}vardiffX=scrollFunc.x-window.pageXOf

最近几天一直困扰着我的另一个问题。正如您可能从我的其他问题中看到的那样，我正在创建一些思维导图软件。所以(极其简化)我有两个div。一个在页面上是一个正方形，另一个在那个div里面，大约是它的10倍大并且可以拖动。这样一来，对象就可以放置在屏幕上，然后在添加另一个对象时稍微移动到一边等等。我通过创建外部div可滚动来做到这一点。我遇到的问题与java脚本中的鼠标位置有关。如果我将鼠标位置放在div中的任何位置，它将不正确，因为我将内部div的大小偏移到顶部和左侧的一半(因此有效地用户正在查看Canvas的中间并且可以按照他们喜欢的方式进行).我已经尝试了数十种不同的鼠标坐标功能，但这些

以下代码在Firefox、IE和Opera中打开没有滚动条的新窗口。varoptions={height:300,//setstheheightinpixelsofthewindow.width:300,//setsthewidthinpixelsofthewindow.toolbar:0,//determineswhetheratoolbar(includestheforwardandbackbuttons)isdisplayed{1(YES)or0(NO)}.scrollbars:0,//determineswhetherscrollbarsappearonthewindow{1(

我的页面上有一个textareahtml元素，它通过ajax重新加载。每次返回整个文本区域，而不仅仅是它的内容，并且内容会随着时间的推移而增长。除了textarea，我还返回以下一段javascript:vartextArea=document.getElementById('outputTextResultsArea');textArea.scrollTop=textArea.scrollHeight;在firefox3.0.7中，这会将滚动条放在文本区域的底部，让我可以看到最新的输出。但是在IE7中我看到了不同的行为。滚动条按预期随着内容向下移动，但是一旦内容大于文本区域高度，滚动

我正在开发angular2网络应用程序，我需要以下方面的帮助。我的页面由多个组件组成。我想在用户单击按钮时滚动到页面顶部。我试过document.body.scrollTop=0;但这在Chrome中不起作用。我试过document.documentElement.scrollTop=0;window.scrollTo(0,0);但不工作 最佳答案 这样导入，import{Inject}from"@angular/core";import{DOCUMENT}from'@angular/platform-browser';在你的构造函

我正在尝试禁用网站上的水平滚动；但允许垂直滚动。我有一个脚本，它通过向左滑动页面的“主体”并显示更多内容来像slider一样工作。然而，这会在右侧产生额外的空白空间。我需要禁用水平滚动，这样用户就看不到这个空白区域。我尝试了以下脚本，但它禁用了水平和垂直滚动:window.onscroll=function(){window.scrollTo(0,0);}我已经尝试过overflow-x:hidden但是当body的宽度是动态的而不是静态的时候这不起作用。问题:有没有办法修改上面的脚本来禁用水平滚动并保持垂直滚动？ 最佳答案 您差一

下面我有一个用于不同命令工具的基于js的小型模拟器。用户输入命令，如果正确，则显示在顶部。对于future的使用，我需要确保它可以在完成模拟之前处理所需数量的命令。这意味着我不可避免地会有内容溢出。我现在的解决方案是将Y溢出设置为自动，添加滚动条和一点jquery以保持客户端始终滚动到输出div的底部，因为内容每次都附加在先前内容的下方用户输入正确的命令。现在这个工作正常，除了我想删除滚动条。我希望内容的行为方式与overflowauto一样，只是没有可见的滚动条。有什么方法可以用jquery或javascript做到这一点吗？我知道我可以做一些css技巧来在带有z-index的滚动条

我有这段代码，可以加载聊天functiongetMessages(letter){vardiv=$('#messages');$.get('msg_show.php',function(data){div.html(data);});}setInterval(getMessages,100);我必须添加什么，以便在页面加载时自动向下滚动#messagesdiv，并在每个新的聊天帖子中再次滚动？这行不通:functiongetMessages(letter){vardiv=$('#messages');$.get('msg_show.php',function(data){div.htm

背景:我正在编写一个在点击时打开子菜单的组件。我不知道该组件将放置在页面上的什么位置，也不知道它在可能设置了overflow属性的区域中嵌套多远。考虑到溢出可能会剪切子菜单，我改为将子菜单本身附加到body上，给它一个绝对位置，并通过代码将其链接到原始组件。这解决了溢出问题。问题:但是，如果用户滚动，子菜单将保留在原位，而不是与其链接的组件一起移动，因此我需要能够监听页面上发生的任何和所有滚动事件这样我就可以适本地重新定位子菜单。如果有一种简单的方法来监听所有滚动事件，或者如果有另一种更好的方法来执行此组件，我将不胜感激。我玩过JSFiddle并设置了一个sandbox但我没有取得任何